@import './customize.scss';

//card样式
.el-card__header .card-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  .title {
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: $blue;
    padding-left: 20px;
    position: relative;
  }
  .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    width: 4px;
    height: 20px;
    background: linear-gradient(
      180deg,
      $blue 0%,
      rgba(20, 79, 186, 0.68) 41%,
      rgba(20, 79, 186, 0) 100%
    );
    border-radius: 2px;
  }
  .head-left {
    display: flex;
    align-items: center;
    .head-left-item {
      margin-right: 8px;
    }
  }
  .head-right {
    display: flex;
    align-items: center;
    .head-right-item {
      margin-left: 8px;
    }
  }
}
